/**
 * flex布局复用
 */
@mixin flex($hov:space-between,$col:center) {
  display: flex; /*两边对齐*/
  justify-content: space-between; /*水平居中*/
  align-items: center;
}

@mixin bgImg($w:0,$h:0,$url:'',$size:contain) {
  display: inline-block;
  width: $w;
  height: $h;
  background: url($url) no-repeat center; /*填充 居中*/
  background-size: $size;
}

@mixin positionBgImg($pos:absolute,$top:0,$right:0,$w:0,$h:0,$url:'',$size:contain) {
  position: $pos;
  top: $top;
  right: $right;
  width: $w;
  height: $h;
  background: url($url) no-repeat center; /*填充 居中*/
  background-size: $size;
}

/**
绝对定位
 */
@mixin position($pos:absolute,$top:0,$left:0,$w:100%,$h:100%) {
  position: $pos;
  top: $top;
  left: $left;
  width: $w;
  height: $h;
}

@mixin height($h:0,$lh:$h) {
  height: $h;
  line-height: $lh;
}

@mixin wH($w:0,$h:0) {
  width: $w;
  height: $h;
}

@mixin border($bw:1px,$bc:$colorF,$bs:solid) {
  border: $bw $bs $bc;
}
